<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dell</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<!-- <script src="./javascripts/axios.js"></script> -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>

<body>
    <header>


        <div class="mh-top">
            <div class="left-column">
                <div class="mh-logo">
                    <a href="./index.html"><img src="./img/logo.png" alt=""></a>
                </div>
                <div class="mh-search">
                    <input class="mh-search-input" placeholder="搜索Dell.com">
                    <button class="mh-search-btn"><img src="./img/放大镜.png" alt=""></button>

                </div>

            </div>

            <div class="right-column">
                <div class="cart">
                    <span class="icon"><img src="./img/购物车空.png" alt=""></span>
                    <span class="label">购物车</span>
                    <span class="drop-downs"><img src="./img/下  拉.png" alt=""></span>
                </div>
                <div class="user__login">
                    <span class="icon"><img src="./img/用户.png" alt=""></span>
                    <span class="label" id="baosha">登录</span>
                    <span class="drop-downs"><img src="./img/下  拉.png" alt=""></span>
                </div>
                <div class="language">
                    <span class="icon"><img src="./img/用户.png" alt=""></span>
                    <span class="label">CN/ZH</span>
                    <span class="drop-downs"><img src="./img/下  拉.png" alt=""></span>
                </div>
            </div>
        </div>


        <div class="mh-bottom">
            <div class="menu1">
                <span>产品
                    <img src="./img/下  拉.png" alt="">
                    <ul>
                        <li>笔记本</li>
                        <li>台式机和一体机</li>
                        <li>二合一笔记本</li>
                        <li>Alienware游戏PC</li>
                        <li>工作站</li>
                        <li>瘦客户端</li>
                        <li>服务器及存储</li>
                        <li>网络交换机</li>
                        <li>显示器</li>
                        <li>外设产品</li>
                    </ul>
                </span>
            </div>
            <div class="menu1" id="menu2">
                <span>解决方案
                    <img src="./img/下  拉.png" alt="">
                    <ul>
                        <li>笔记本</li>
                        <li>台式机和一体机</li>
                        <li>二合一笔记本</li>
                        <li>Alienware游戏PC</li>
                        <li>工作站</li>
                        <li>瘦客户端</li>
                        <li>服务器及存储</li>
                        <li>网络交换机</li>
                        <li>显示器</li>
                        <li>外设产品</li>
                    </ul>
                </span>

            </div>
            <div class="menu1">
                <span>服务
                    <img src="./img/下  拉.png" alt="">
                    <ul>
                        <li>笔记本</li>
                        <li>台式机和一体机</li>
                        <li>二合一笔记本</li>
                        <li>Alienware游戏PC</li>
                        <li>工作站</li>
                        <li>瘦客户端</li>
                        <li>服务器及存储</li>
                        <li>网络交换机</li>
                        <li>显示器</li>
                        <li>外设产品</li>
                    </ul>
                </span>
            </div>
            <div class="menu1">
                <span>支持
                    <img src="./img/下  拉.png" alt="">
                    <ul>
                        <li>笔记本</li>
                        <li>台式机和一体机</li>
                        <li>二合一笔记本</li>
                        <li>Alienware游戏PC</li>
                        <li>工作站</li>
                        <li>瘦客户端</li>
                        <li>服务器及存储</li>
                        <li>网络交换机</li>
                        <li>显示器</li>
                        <li>外设产品</li>
                    </ul>
                </span>
            </div>
            <div class="menu1">
                <span>热卖促销
                    <img src="./img/下  拉.png" alt="">
                    <ul>
                        <li>笔记本</li>
                        <li>台式机和一体机</li>
                        <li>二合一笔记本</li>
                        <li>Alienware游戏PC</li>
                        <li>工作站</li>
                        <li>瘦客户端</li>
                        <li>服务器及存储</li>
                        <li>网络交换机</li>
                        <li>显示器</li>
                        <li>外设产品</li>
                    </ul>
                </span>
            </div>
        </div>
    </header>

<div class="heiwu" id="heiwu">
    
</div>
    <section>
        
        <div>
            <img src="https://i.dell.com/is/image/DellContent///content/dam/global-site-design/product_images/page/uber/cs2201g0015_003_579557_cn_cs_co_dir_fy22q3w6_site_seaevent-bts-xps9310_3800x1481.jpg?fmt=pjpg&pscan=auto&scl=1&qlt=85,0&resMode=sharp2&op_usm=1.75,0.3,2,0&hei=780&wid=2000&size=2000,780"
                alt="">

        </div>
        <div class="hpg-card-text">
            <div class="hpg-card-inner-div">
                <div class="hpg1">灵越 Plus 开学迎好礼</div>
                <div class="hpg2">为灵感插上双翼，让创作展翅上腾</div>
                <div class="hpg3">选购 XPS 13 旗舰轻薄本，至高省4000元！</div>
                <div class="hpg-card-copy-cta-holder">
                    <a href="./goodslist..html" class="hpg-card-copy-cta">商品列表</a>
                    <a href="http://localhost:3000/dist/activity.html" class="hpg-card-copy-cta">活动页</a>
                </div>
            </div>
        </div>

    </section>

    <div class="hpg-category-section">
        <div class="hp-h-category-wrap">

            <div>
                <img src="./img/笔记本电脑.png" alt="">
                <div>笔记本</div>
            </div>
            <div>
                <img src="./img/台式机,台式电脑.png" alt="">
                <div>台式机</div>
            </div>
            <div>
                <img src="./img/笔记本电脑.png" alt="">
                <div>二合一本</div>
            </div>
            <div>
                <img src="./img/外星人.png" alt="">
                <div>ALIENWARE</div>
            </div>
            <div>
                <img src="./img/显示器.png" alt="">
                <div>显示器</div>
            </div>
            <div>
                <img src="./img/键盘.png" alt="">
                <div>配件</div>
            </div>
        </div>

    </div>

    <div class="persona-value-prop">

        <div class="persona-value-prop-container">
            <div class="welcome">欢迎回来</div>
            <div class="continue-shopping-container cs-content-loaded-failed">
                <div class="cs-shadow-box"></div>
                <div class="static-container">
                    <div class="vp-title">
                        星级严选
                    </div>
                    <div class="vp-copy">
                        <a href="" class="vp-copy-img">
                            <img src="https://i.dell.com/sites/csimages/UberHomePage_Imagery/all/xpss.png" alt=""
                                class="cntshop-static-img">
                        </a>
                        <div class="vp-column">
                            <span>为你推荐客户好评商品</span>
                        </div>
                    </div>
                    <div class="vp-cta">
                        <a href="">了解详情</a>
                    </div>


                </div>

                <div class="static-container">
                    <div class="vp-title">
                        “戴”你选爆款
                    </div>
                    <div class="vp-copy">

                        <div class="vp-column">
                            <span>全线产品限时钜惠</span>
                        </div>
                    </div>
                    <div class="vp-cta">
                        <a href="">了解详情</a>
                    </div>


                </div>


                <div class="static-container">
                    <div class="vp-title">
                        登录
                    </div>
                    <div class="vp-copy">

                        <div class="vp-column">
                            <span>登录您的帐户可获取更多优惠</span>
                        </div>
                    </div>
                    <div class="vp-cta">
                        <a href="">了解详情</a>
                    </div>


                </div>


            </div>
        </div>
    </div>

    <div class="wrap">
        <div class="w-img">
            <img src="https://i.dell.com/is/image/DellContent///content/dam/global-site-design/product_images/page/uber/cs2201g0015_003_579557_cn_cs_co_dir_fy22q3w6_site_seaevent-bts-ins7510-7610-warm-mod1_2000x1466.jpg?fmt=pjpg&pscan=auto&scl=1&qlt=85,0&resMode=sharp2&op_usm=1.75,0.3,2,0&hei=730&wid=1000&size=1000,730"
                alt="">

        </div>
        <div class="wdiv">
            <div class="wtext">
                <h2>灵越 Plus 开学迎好礼</h2>
                <p class="w-p">展望未来 无惧挑战</p>
                <p>
                    可选3K视网膜全面屏，为学习生活点燃热情。
                </p>
                <div class="wrap-a">
                    <a href="">Inspiron 灵越16 Plus</a>
                    <span>丨</span>
                    <a href="">Inspiron 灵越15 Plus</a>
                </div>
            </div>
        </div>
    </div>


    <div class="support">
        <div>
            <a name="miao"></a>
            <h2>戴尔支持</h2>
            <ul>
                <li><a href="">产品支持</a></li>
                <li><a href="">驱动和下载</a></li>
                <li><a href="">订单支持</a></li>
                <li style="    border-right-width: 0px;
                        "><a href="">保修和合同</a></li>
            </ul>
        </div>


    </div>

    <div class="wrap">
        <div class="wdiv">
            <div class="wtext">
                <h2>2K超高清USB-C显示器 S2722DC</h2>
                <p class="w-p">内置3W双音响 声势不凡</p>
                <p>
                    27英寸2K IPS屏、99%sRGB色域、AMD FreeSync™ 流畅同步，65W反向供电。
                </p>
                <div class="wrap-a">
                    <a href="">立即选购</a>

                </div>
            </div>
        </div>
        <div class="w-img">
            <img src="https://i.dell.com/das/dih.ashx/1200w/sites/csimages/UberHomePage_Imagery/all/cs2102g0064_cn_cs_co_dir_fy22q3w4_site_pl-s2722dc_2000x14662146200646162618.jpg"
                alt="">

        </div>

    </div>

    <div class="wrap">
        <div class="w-img">
            <img src="https://i.dell.com/das/dih.ashx/1200w/sites/csimages/UberHomePage_Imagery/all/site_q1w4_warm_module_3_2000x1466_v2.jpg"
                alt="">

        </div>
        <div class="wdiv">
            <div class="wtext">
                <h2>哪款显示器适合你？</h2>
                <p class="w-p">显示器选购指南</p>
                <p>
                    简单几步，通过尺寸、分辨率、接口类型、特色功能等维度快速筛选。
                </p>
                <div class="wrap-a">

                    <a href="">了解更多</a>
                </div>
            </div>
        </div>
    </div>

    <div class="dbimg">
        <div class="zuo">
            <a href="">
                <h2>戴尔游匣G15</h2>
                <p class="p1">开学优惠不停 畅快游戏随行</p>
            </a>
            <img src="https://i.dell.com/das/dih.ashx/1200w/sites/csimages/UberHomePage_Imagery/all/CS2003G0062_003_575032_cn_cs_co_dir_fy22q3w3_site_pl-g5511-5515_800x400_v12157130557503352.jpg"
                alt="">
            <p class="p2">可选满功耗RTX 3060，畅玩3A大作，给予玩家沉浸式游戏体验 。</p>

            <a href="" class="xuangou">立即选购</a>
        </div>

        <div class="zuo">
            <a href="">
                <h2>戴尔全系桌面系统</h2>
                <p class="p1">与你一起 只为高效</p>
            </a>
            <img src="https://i.dell.com/is/image/DellContent///content/dam/global-site-design/product_images/page/uber/cs2201g0015_003_579563_cn_cs_co_dir_fy22q3w6_site_seaevent-bts-u2722qc-km7120w-mh3021p-wl7022-warmsnp_800x400.jpg?fmt=pjpg&pscan=auto&scl=1&qlt=85,0&resMode=sharp2&op_usm=1.75,0.3,2,0&hei=250&wid=500&size=500,250"
                alt="">
            <p class="p2">商务办公，便携高效；适合多种桌面环境，满足高效办公的工作需求。</p>

            <a href="" class="xuangou">立即选购</a>
        </div>
    </div>

    <footer>
        <div class="cooperation">
            <div class="footer1">
                <div class="stack">
                    <a href="">CH/ZH</a>
                    <ul>
                        <li>网站地图</li>

                    </ul>
                </div>
                <div class="stack">
                    <a href="">账户</a>
                    <ul>
                        <li>我的账户</li>
                        <li>订单状态</li>
                        <li>我的产品</li>
                    </ul>
                </div>
                <div class="stack">
                    <a href="">支持</a>
                    <ul>
                        <li>支持主页</li>
                        <li>联系我们</li>

                    </ul>
                </div>
                <div class="stack">
                    <a href="">联系我们</a>
                    <ul>
                        <li>社区</li>

                    </ul>
                </div>
            </div>
            <div class="footer2">
                <div class="stack">
                    <a href="">我们的产品和服务</a>
                    <ul>
                        <li>APEX</li>
                        <li>产品</li>
                        <li>解决方案</li>
                        <li>服务</li>

                    </ul>
                </div>
                <div class="stack">
                    <a href="">我们的公司</a>
                    <ul>
                        <li>关于 Dell Technologies</li>
                        <li>工作机会</li>
                        <li>Dell Technologies资本</li>
                        <li>投资者关系</li>
                        <li>新闻编辑室</li>
                        <li>视点</li>
                        <li>产品回收</li>
                        <li>社会影响</li>
                        <li></li>
                    </ul>
                </div>
                <div class="stack">
                    <a href="">我们的合作伙伴</a>
                    <ul>
                        <li>查找合作伙伴</li>
                        <li>戴尔授权店面</li>
                        <li>原始设备制造商</li>
                        <li>合作伙伴计划</li>
                        


                    </ul>
                </div>
                <div class="stack">
                    <a href="">资源</a>
                    <ul>
                        <li>活动</li>
                        <li>术语表</li>
                        <li>资源库</li>
                        <li>试用版软件下载</li>
                    
                    </ul>
                </div>
            </div>

            <nav class="yingwen">
                <div>Dell.com</div>
                <div>Dell Technologles</div>
            </nav>
            <nav class="yingwen2">
                <ul>
                    <li>版权 1999-2021 戴尔公司 (Dell Inc.) 仅适用于中国客户的内容设计 版权所有</li>
                    <li>条款和条件</li>
                    <li>隐私政策</li>
                    <li>法律法规</li>
                    <li>闽ICP备05032923号-1</li>
                    <li>闽公网安备35020602001252号</li>
                    <li>营业执照 913502006120204831</li>
                   
                </ul>
            </nav>
        </div>



    </footer>
    <a name="miao1"></a>
        <div class="tizi">
            <div class="tizi1"><a href="#">返回顶部</a></div>
            <div class="tizi2"><a href="#miao">返回中间</a></div>
            <div class="tizi3"><a href="#miao1">返回底部</a></div>
        </div>
    <script src="./javascripts/index.js"></script>

</body>
</html>